<?php
require_once('config.php');     //sql connection information
require_once('bootstrap.php');  //link information

?>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Untitled 1</title>


 <!--Load the AJAX API-->    
 <script type="text/javascript" src="https://www.google.com/jsapi"></script>    
 <script type="text/javascript">          
 
 // Load the Visualization API and the piechart package.      
 google.load('visualization', '1.0', {'packages':['corechart']});            
 
 // Set a callback to run when the Google Visualization API is loaded.      
 google.setOnLoadCallback(drawChart);            
 
 // Callback that creates and populates a data table,       
 // instantiates the pie chart, passes in the data and      
 // draws it.      
 function drawChart() {      
 
 // Create the data table.      
 var data = new google.visualization.DataTable();     
 data.addColumn('string', 'Topping');      
 data.addColumn('number', 'Slices');      
 data.addRows([
         ['Mushrooms', 3],
         ['Onions', 1],
         ['Olives', 1], 
         ['Zucchini', 1],
         ['Pepperoni', 2]      
 ]);      
 
 // Set chart options      
 var options = {'title':'How Much Pizza I Ate Last Night',                     
 		'width':800,                     
 		'height':800};      
 		
 		// Instantiate and draw our chart, passing in some options.      
 var chart = new google.visualization.PieChart(document.getElementById('chart_div'));      
 chart.draw(data, options);    }   
 	
</script>
</head>

<body>

 <!--Div that will hold the pie chart-->    
 <div id="chart_div"></div>

</body>

</html>
